<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>购物车页面</title>
    <link rel="stylesheet" href="../css/cart.css">
    <link rel="stylesheet" href="https://at.alicdn.com/t/font_3414943_b05r91douqb.css">
    <script src="https://unpkg.com/axios/dist/axios.min.js"></script>
    <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
</head>

<body>
    <!-- 首部导航栏含log -->
    <header>
        <div class="header-inner">
            <div>
                <img src="../image/logo-en.png" alt="">
            </div>
            <ul class="header-nav">
                <li>
                    <span>Hi~~</span>
                    <a href="../login.html" id="signin-url"></a>
                    <a href="../login.html" onclick="exit()" id="reg-url"></a>
                </li>
                <li class="tool-options">
                    <a href=""><span>MY有货</span></a>
                    <div class="shape"></div>
                    <div class="tool-select">
                        <a href="//www.yohobuy.com/home/favorite?t=1653058662560">我的收藏</a>
                        <a href="//www.yohobuy.com/home/coupons?t=1653058662560">优惠券</a>
                    </div>
                </li>
                <li>
                    <a href=""><span>订单中心</span></a>
                </li>
                <li class="tool-options">
                    <a href=""><span>客户服务</span></a>
                    <div class="shape"></div>
                    <div class="tool-select layou">
                        <a href="//www.yohobuy.com/home/favorite?t=1653058662560">我的收藏</a>
                        <a href="//www.yohobuy.com/home/coupons?t=1653058662560">优惠券</a>
                    </div>
                </li>
            </ul>
        </div>
    </header>
    <!-- 主体部分 -->
    <main class="clearfix">
        <div class="order-edit clearfix">
            <!-- 主体头部 -->
            <div class="order-title">
                <ul class="shopping-setp">
                    <li class="step first focus">查看购物车</li>
                    <li class="step">填写订单</li>
                    <li class="step-last">付款、完成购买</li>
                </ul>
            </div>
            <div class="without">
                <div class="cartnew-tips">
                    <div class="tips">
                        <a href="javascript:void(0);" class="iconfont icon-cuowuguanbiquxiao hint"></a>
                        <strong>温馨提示：</strong>亲爱的顾客，您还没有
                        <a href="../login.html">登录</a>哦，所有的商品价格、活动信息以登录后显示为准.
                    </div>
                </div>
                <div class="order-pay">
                    <div class="pay-wapper">
                        <div class="stop-cart">
                            <i class="empty_car"></i>
                            <p>购物车空空的哦，去看看心仪的商品去吧~</p>
                            <a href="../index.html">去购物</a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="showBox">
                <div class="cartnew-tips title-two">
                    <div class="tips">
                        <a href="javascript:void(0);" class="iconfont icon-cuowuguanbiquxiao btn-close"></a>
                        <strong>温馨提示：</strong>亲爱的顾客1. 选购单中的商品不保留库存，请及时结算。 2. 商品的价格、相关活动信息及库存以订单提交时为准。
                    </div>
                </div>
                <div class="pay-wapper clearfix">
                    <div class="cart-title">
                        <p style="width: 6%;"><i class="iconfont icon-duigou-weigouxuan selected signall"
                                style="position: absolute; left: 20px;" onclick="selectAll()" checked=""></i>全选</p>
                        <p style="width: 29%;">&nbsp;&nbsp;商品信息</p>
                        <p style="width: 24%;">&nbsp;&nbsp;单价</p>
                        <p style="width: 13%;">&nbsp;&nbsp;数量</p>
                        <p style="width: 14%;">&nbsp;&nbsp;小计</p>
                        <p style="width: 10%;">&nbsp;&nbsp;操作</p>
                    </div>
                    <div class="ordinary">
                        <div class="pre-sell">
                            <!-- <input type="checkbox" class="select-all"> -->
                            <code>普通商品</code>再买¥1.00自营商品可免运费
                            <span class="btn-clear">去凑单
                                <i class="iconfont icon-youjiantou"></i>
                            </span>
                        </div>
                        <div class="show-box" id="show-box">
                            <!-- 循环遍历商品的模板 -->
                            <!-- <div class="promotion-pool clearfix">
                                <div class="cart-table clearfix">
                                    <ul class="table table-group clearfix">
                                        <li>
                                            <div class="pay-pro td"> -->
                            <!-- 勾选预留  -->
                            <!-- <i class="iconfont icon-duigou-weigouxuan selected" onclick="selected()" data-role="cart-item-check" data-goodstype="ordinary" checked=""></i>
                                                <a href="#" class="show-Img"><img src="../image/test-img1.jpg" alt=""></a>
                                                <p class="pay-pro-info">
                                                    <a href="" target="_blank"><商品名称></a>
                                                    <em class="pay-pro-detail"><span>颜色：&nbsp;灰色&nbsp;&nbsp;尺码：&nbsp;XL</span></em>
                                                </p>
                                            </div>
                                            <div class="product-price td">
                                                <p class="p-product-price"><span>¥</span>388<span>.00</span></p>
                                            </div>
                                            <div class="adjust-cart-num td">
                                                <span class="minus-plus min-num iconfont icon-jianhao"></span>
                                                <span id="num">1</span>
                                                <span class="minus-plus max-num iconfont icon-jiahao"></span>
                                            </div>
                                            <div class="sub-total red td">¥228.00</div>
                                            <div class="cart-operation td">
                                                <span class="cart-del-btn" data-role="cart-del-btn">删除</span>
                                                <span class="cart-col-btn" data-role="cart-mov2fav-btn">移入收藏</span>
                                            </div>
                                        </li>
                                    </ul>
                                </div>
                            </div> -->
                        </div>

                    </div>
                    <div class="cart-fixed-submit">
                        <div class="cart-fixed-wrap">
                            <div class="content clearfix">
                                <div class="fixed-option">
                                    <!-- <input type="checkbox" class="select-all">
                                    <span>全选</span> -->
                                    <a href="">删除的历史商品</a>
                                    <a href="">移入收藏夹</a>
                                    <a href="">清空失效商品</a>
                                </div>
                                <p class="select-num">已选商品<strong class="ins">8</strong>件</p>
                                <div class="price-sum">
                                    <p class="sum">应付金额（不含邮费）：<strong><kbd>¥</kbd><span class="num">0.00</span></strong>
                                    </p>
                                </div>
                                <a href="javascript:void(0);" id="Y_submitBtn" class="btn-account right">去结算</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="loading loading-single">
            <div class="bg-loading">
                <span></span>请稍后…
            </div>
        </div>
    </main>

    <!-- 脚部 -->
    <footer>
        <div class="yoho-footer">
            <div class="promise">
                <div class="content">
                    <div class="left">
                        <span class="iconfont icon-zhengpin"></span>
                        <span class="red">100%</span>
                        <span class="rgbf">品牌正品</span>
                    </div>
                    <div class="left">
                        <span class="iconfont icon-wuliu"></span>
                        <span class="red">7天</span>
                        <span class="rgbf">无理由退换货</span>
                    </div>
                    <div class="left">
                        <span class="iconfont icon-24gl-bubblesDots5"></span>
                        <span class="red">便捷</span>
                        <span class="rgbf">在线客服</span>
                    </div>
                </div>
            </div>
            <div class="footer-help">
                <div class="content">
                    <div class="left">
                        <ul>
                            <li class="left">
                                <p><span>新手专区</span></p>
                                <p><a href="//www.yohobuy.com/help/detail?id=168" target="_blank"
                                        rel="nofollow">注册登录</a>
                                </p>
                                <p><a href="//www.yohobuy.com/help/detail?id=170" target="_blank"
                                        rel="nofollow">购物结算</a>
                                </p>
                                <p><a href="//www.yohobuy.com/help/detail?id=172" target="_blank"
                                        rel="nofollow">下单支付</a>
                                </p>
                                <p><a href="//www.yohobuy.com/help/detail?id=174" target="_blank"
                                        rel="nofollow">收货评价</a>
                                </p>
                            </li>
                            <li class="left">
                                <p><span>会员中心</span></p>
                                <p><a href="//www.yohobuy.com/help/detail?id=156" target="_blank"
                                        rel="nofollow">会员制度</a>
                                </p>
                                <p><a href="//www.yohobuy.com/help/detail?id=158" target="_blank"
                                        rel="nofollow">会员优惠</a>
                                </p>
                                <p>
                                    <a href="//www.yohobuy.com/help/detail?id=160" target="_blank"
                                        rel="nofollow">账户管理</a>
                                </p>
                                <p>
                                    <a href="//www.yohobuy.com/help/detail?id=162" target="_blank"
                                        rel="nofollow">密码管理</a>
                                </p>
                            </li>
                            <li class="left">
                                <p>
                                    <span>购物指南</span>
                                </p>
                                <p>
                                    <a href="//www.yohobuy.com/help/detail?id=180" target="_blank" rel="nofollow">发票</a>
                                </p>
                                <p>
                                    <a href="//www.yohobuy.com/help/detail?id=182" target="_blank"
                                        rel="nofollow">尺码对照</a>
                                </p>
                                <p>
                                    <a href="//www.yohobuy.com/help/detail?id=184" target="_blank"
                                        rel="nofollow">尺码解读</a>
                                </p>
                                <p>
                                    <a href="//www.yohobuy.com/help/detail?id=186" target="_blank"
                                        rel="nofollow">商品咨询</a>
                                </p>
                            </li>
                            <li class="left">
                                <p>
                                    <span>支付方式</span>
                                </p>
                                <p>
                                    <a href="//www.yohobuy.com/help/detail?id=192" target="_blank"
                                        rel="nofollow">在线支付</a>
                                </p>
                                <p>
                                    <a href="//www.yohobuy.com/help/detail?id=194" target="_blank"
                                        rel="nofollow">货到付款</a>
                                </p>
                                <p>
                                    <a href="//www.yohobuy.com/help/detail?id=196" target="_blank"
                                        rel="nofollow">分期支付</a>
                                </p>
                                <p>
                                    <a href="//www.yohobuy.com/help/detail?id=198" target="_blank"
                                        rel="nofollow">优惠券、有货币</a>
                                </p>
                            </li>
                            <li class="left">
                                <p>
                                    <span>配送方式</span>
                                </p>
                                <p>
                                    <a href="//www.yohobuy.com/help/detail?id=204" target="_blank"
                                        rel="nofollow">配送说明</a>
                                </p>
                                <p>
                                    <a href="//www.yohobuy.com/help/detail?id=206" target="_blank"
                                        rel="nofollow">运费说明</a>
                                </p>
                                <p>
                                    <a href="//www.yohobuy.com/help/detail?id=208" target="_blank"
                                        rel="nofollow">验货签收</a>
                                </p>
                                <p>
                                    <a href="//www.yohobuy.com/help/detail?id=210" target="_blank"
                                        rel="nofollow">收货样品</a>
                                </p>
                            </li>
                            <li class="left">
                                <p>
                                    <span>售后服务</span>
                                </p>
                                <p>
                                    <a href="//www.yohobuy.com/help/detail?id=214" target="_blank"
                                        rel="nofollow">退换货政策</a>
                                </p>
                                <p>
                                    <a href="//www.yohobuy.com/help/detail?id=216" target="_blank"
                                        rel="nofollow">退换货流程</a>
                                </p>
                                <p>
                                    <a href="//www.yohobuy.com/help/detail?id=220" target="_blank"
                                        rel="nofollow">投诉与建议</a>
                                </p>
                                <p>
                                    <a href="//www.yohobuy.com/service/client" target="_blank" rel="nofollow">在线客服</a>
                                </p>
                            </li>
                            <li class="left">
                                <p>
                                    <span>APP常见问题</span>
                                </p>
                                <p>
                                    <a href="//www.yohobuy.com/help/detail?id=224" target="_blank"
                                        rel="nofollow">IPhone版</a>
                                </p>
                                <p>
                                    <a href="//www.yohobuy.com/help/detail?id=226" target="_blank"
                                        rel="nofollow">Android版</a>
                                </p>
                                <p>
                                    <a href="//www.yohobuy.com/help/detail?id=228" target="_blank"
                                        rel="nofollow">wap版</a>
                                </p>
                                <p>
                                    <a href="//www.yohobuy.com/help/detail?id=230" target="_blank"
                                        rel="nofollow">IPAD版</a>
                                </p>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="footer-link">
                <div class="content">
                    <div class="about-us">
                        <div class="left-flag">
                            <a href="" class="govicon"><img src="../image/ebsIcon-new.png" alt=""></a>
                            <a href=""><img src="../image/credit-flag3.png" alt=""></a>
                            <a href=""><img src="../image/isc2.png" alt=""></a>
                        </div>
                        <p class="links">
                            <a href="//www.yohobuy.com" rel="nofollow">返回首页</a>
                            <span>|</span>
                            <a href="//www.yohobuy.com/yohobuy.html" rel="nofollow">YOHO!BUY 有货</a>
                            <span>|</span>
                            <a href="//www.yohobuy.com/newpower.html" rel="nofollow">新力传媒</a>
                            <span>|</span>
                            <a href="//www.yohobuy.com/contact.html" rel="nofollow">联系我们</a>
                            <span>|</span>
                            <a href="//shop.yohobuy.com/settled" rel="nofollow">商家入驻</a>
                            <span>|</span>
                            <a href="//www.yohobuy.com/privacy.html" rel="nofollow">隐私条款</a>
                            <span>|</span>
                            <a href="//www.yohobuy.com/link.html" rel="nofollow">友情链接</a>
                            <span>|</span>
                            <a href="//www.yohobuy.com/brands">潮流品牌大全</a>
                            <span>|</span>
                            <a href="//www.yohobuy.com/cate">潮流品类大全</a>
                            <span>|</span>
                            <a href="//www.yohobuy.com/cpdq">潮流产品大全</a>
                            <span>|</span>
                            <a href="//www.yohobuy.com/guang/news">潮流资讯</a>
                            <span>|</span>
                            <a href="//www.yohobuy.com/guang/boys-t2">穿衣搭配(男生版)</a>
                            <span>|</span>
                            <a href="//www.yohobuy.com/guang/girls-t2">穿衣搭配(女生版)</a>
                            <span>|</span>
                            <a href="//www.yohobuy.com/guang/boys-t1001">潮流人气</a>
                            <span>|</span>
                            <a href="//www.yohobuy.com/guang/boys-t4">潮流潮品</a>
                            <span>|</span>
                            <a href="//www.yohobuy.com/guang/boys-t22">潮流视频</a>
                            <span>|</span>
                            <a class="police" target="_blank" href="https://beian.miit.gov.cn" rel="nofollow">苏公网安备
                                32010502010132号</a>
                            <span>|</span>
                            <a target="_blank" href="http://www.yohobuy.com/help/qualificationInfo"
                                rel="nofollow">出版物经营许可证</a>
                            <span>|</span>
                            <a target="_blank" href="https://www.yohobuy.com/help/detail?id=238"
                                rel="nofollow">苏B2-20120395</a>
                            <span>|</span>
                            <a target="_blank" href="https://www.yohobuy.com/help/detail?id=266"
                                rel="nofollow">食品经营许可证</a>
                        </p>
                    </div>
                    <div class="copyright">
                        CopyRight © 2007-2022 南京新与力文化传播有限公司
                        <a class="rbg6" href="https://beian.miit.gov.cn" target="_blank"
                            rel="nofollow">苏ICP备09011225号</a>
                        NewPower Co. 版权所有 江苏省南京市建邺区嘉陵江东街18号南京国家广告产业园5栋17，18楼 025-87781000
                    </div>
                </div>
            </div>
        </div>
    </footer>

    <script src="../js/cart.js"></script>
</body>

</html>